import 'package:flutter/material.dart';





void main() {

  runApp(MaterialApp(

    home: Scaffold(

        appBar: AppBar(title: const Text("你好Flutter")),

        // body: const MyApp()

        // body: const MyApp2()

        body: const MyApp3()

    ),

  ));

}



const String URL = "https://pics2.baidu.com/feed/b7003af33a87e9502b64d86f4c2e9544fbf2b45b.jpeg@f_auto?token=8c6557279177a75d44029840f0db0daa&s=C8AA67D91C0090457095310903005057";



//Container实现圆形图片

class MyApp extends StatelessWidget {

  const MyApp({Key? key}) : super(key: key);



  @override

  Widget build(BuildContext context) {

    return Center(

      child: Container(

        width: 150,

        height: 150,

        decoration: BoxDecoration(

            color: Colors.yellow,

            borderRadius: BorderRadius.circular(75),

            image: const DecorationImage(

                image: NetworkImage(URL),

                fit: BoxFit.cover)),

      ),

    );

  }

}



//ClipOval实现圆形图片

class MyApp2 extends StatelessWidget {

  const MyApp2({Key? key}) : super(key: key);

  @override

  Widget build(BuildContext context) {

    return Center(

      child: ClipOval(

        child: Image.network(

            URL,

            width: 150.0,

            height: 150.0,

            fit: BoxFit.cover),

      ),

    );

  }

}

//CircleAvatar实现圆形图片
class MyApp3 extends StatelessWidget {

  const MyApp3({Key? key}) : super(key: key);

  @override

  Widget build(BuildContext context) {

    return const CircleAvatar(

        radius: 110,

        backgroundColor: Color(0xffFDCF09),

        child: CircleAvatar(

          radius: 100,

          backgroundImage:

          NetworkImage(URL),

        )

    );

  }

}